<?php
//본 파일은 코딩이 너무 복잡해져서 예제용 이미지 링크를 따로 빼낸 것으로써 추후에 이 파일 대신 배열로 처리된 진짜 썸네일 링크로 대체하면 된다.
?>

<!-- Sample gallery mini - Recurrence patterns -->
<div class="photo_frame image thumb_rp2_1"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p1.gif" /></div>
<div class="photo_frame image thumb_rp2_2"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p2.gif" /></div>
<div class="photo_frame image thumb_rp2_3"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p3.gif" /></div>
<div class="photo_frame image thumb_rp2_4"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p4.gif" /></div>
<div class="photo_frame image thumb_rp2_5"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p5.gif" /></div>
<div class="photo_frame image thumb_rp2_6"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p6.gif" /></div>
<div class="photo_frame image thumb_rp2_7"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p7.gif" /></div>
<div class="photo_frame image thumb_rp2_8"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p8.gif" /></div>
<div class="photo_frame image thumb_rp2_1"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p1.gif" /></div>
<div class="photo_frame image thumb_rp2_2"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p2.gif" /></div>
<div class="photo_frame image thumb_rp2_3"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p3.gif" /></div>
<div class="photo_frame image thumb_rp2_4"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p4.gif" /></div>
<div class="photo_frame image thumb_rp2_5"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p5.gif" /></div>
<div class="photo_frame image thumb_rp2_6"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p6.gif" /></div>
<div class="photo_frame image thumb_rp2_7"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p7.gif" /></div>
<div class="photo_frame image thumb_rp2_8"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p8.gif" /></div>
<div class="photo_frame image thumb_rp2_1"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p1.gif" /></div>
<div class="photo_frame image thumb_rp2_2"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p2.gif" /></div>
<div class="photo_frame image thumb_rp2_3"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p3.gif" /></div>
<div class="photo_frame image thumb_rp2_4"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p4.gif" /></div>
<div class="photo_frame image thumb_rp2_5"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p5.gif" /></div>
<div class="photo_frame image thumb_rp2_6"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p6.gif" /></div>
<div class="photo_frame image thumb_rp2_7"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p7.gif" /></div>
<div class="photo_frame image thumb_rp2_8"><img data-lazy="../assets/book/editor/item_bg_patterns/pattern_p8.gif" /></div>

<!-- Thumbnail button event -->
<script type="text/javascript">
    $(document).ready(function() {
        $('.thumb_rp2_1').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p1_org.gif)'});
        });
        $('.thumb_rp2_2').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p2.gif)'});
        });
        $('.thumb_rp2_3').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p3.gif)'});
        });
        $('.thumb_rp2_4').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p4.gif)'});
        });
        $('.thumb_rp2_5').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p5.gif)'});
        });
        $('.thumb_rp2_6').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p6.gif)'});
        });
        $('.thumb_rp2_7').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p7.gif)'});
        });
        $('.thumb_rp2_8').click(function() {
            $('.pattern_inner, .btn_item1').css({'background-image': 'url(../assets/book/editor/item_bg_patterns/pattern_p8.gif)'});
        });
    });
</script>

<?php ?>